|
|
簡単なモバイルページを作ったら、それをさらに便利に見やすく、楽しい画面にする工夫をしてみましょう。 二回目は、誰でも簡単にできるTIPSをご紹介します。 |
 |
 |
|
モバイルコンテンツでリンク先へジャンプするためには、カーソルを移動させなければなりません。この煩雑な操作を簡単にするためにｉモードに用意された機能が「イージーフォーカス」です。イージーフォーカスとは、あるリンクと携帯電話の数字や＊、＃キーを関連づけ、そのボタンを押すだけでリンク先を表示することができるｉモード専用のショートカット機能のことです。リンクのタグの中で、accesskey="数字"を指定して使用します。
accesskeyについて http://www.nttdocomo.co.jp/p_s/imode/tag/accesskey.html |
|
 |
  |
|
イージーフォーカスを使っても、どの数字キーを押せばいいのかわからないのでは、意味がありませんね。どの数字キーを押せばいいのか、わかりやすくアナウンスするために、数字の絵文字を使いましょう。 &#の後に絵文字コードをつなげると、携帯の画面では絵文字として表示します。 使用できる絵文字リスト http://www.nttdocomo.co.jp/p_s/imode/tag/emoji/index.html |
 |
|
|
 |
|
|
数字だけでなく絵文字の種類はいろいろ。 お気に入りのお店紹介にレストランや喫茶店の絵文字を使ったり、星占いに星座の絵文字を使うなど、リンク先の情報を簡単に説明できます。 日記をつけているサイトなら、その日の天気を絵文字でつけるなど、使い方もさまざまに楽しめます。 ほかのサイトを参考にして、プラスαを工夫してみてください！ |
 ハートマークをアクセントに使った例 http://mint-b.hp.infoseek.co.jp/i/ ※PC上では、数字の絵文字は表示されません。 |
|
|
 |
|
|
画面を印象的にするために、タイトルロゴ画像を使うのも効果抜群！ 画像を作るときには、表示色とファイルの形式に気をつけましょう。画像の横幅を96ピクセル以内にすると、どの機種でもきれいに表示できます。 １ページのファイルサイズの上限は5KBを意識して、画像サイズはできるだけ小さく（数百バイト程度）にしましょう。 |
 タイトルロゴを使った例 http://okota.hp.infoseek.co.jp/i/ |
|
 |
|
お店の電話番号などをリンクの中に書き入れることで、見ているモバイルコンテンツから直接電話をかけることができます。地域情報やお気に入りのショップ紹介などのサイトを作る場合に使用すると、とても便利ですね。けれども、悪戯を防ぐために、個人の電話番号を掲載するのは避けましょう。
A タグについて http://www.nttdocomo.co.jp/p_s/imode/tag/a.html http://www.nttdocomo.co.jp/p_s/imode/tag/lineup.html |